//- jade index.jade index.html --watch
doctype
html(lang='zh-CN')
    head
        meta(charset='utf-8')
        meta(http-equiv='X-UA-Compatible', content='IE=edge')
        title 我的世界真好
        //link(rel='stylesheet' href='../reset.css')
        style
            include ../reset.css

        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    body
        // author:cicime engine:jade
        header.header.header-hk
            h1.header-title 你们的世界真好
            p.header-desc 来来来，说点啥
            p.header-desc wahoo!
            nav.header-nav
                - var name = '首页'
                a #{name}
        section#app.container
            from
                label Username:
                    input(name='user[name]')
            .min-title.
                可以尽情的瞎说的了
                没事的
            ul.common-list
                li.first: a.link(href='#') foo
                li: a.link(href='#') bar
                li.last: a.link(href='#') baz
            br
            .max-desc
                - var friends = 10
                case friends
                    when 0: p you have no friends
                    when 1: p you have a friend
                    default: p you have #{friends} friends
            ul.util-box
                - var items = ["one", "two", "three"]
                each item in items
                    li= item
        include footer
        script.
            console.log('hello world')
